.container {
  position: relative;

  display: flex;
  justify-content: space-between;

  padding: 18px;

  background: var(--color-dark-300);
  border: 1px solid var(--color-dark-100);

  .descWrapper {
    display: flex;

    .icon {
      margin-right: 12px;
    }

    .desc {
      display: flex;
      flex-direction: column;
    }
  }

  .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .logoutBtn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;

    &:hover {
      color: var(--color-primary-500);
    }

    & > *:first-child {
      margin-right: 6px;
    }
  }
}

.blackout {
  opacity: 0.75;
}

.logOutSpinner {
  display: grid;
  place-items: center;
}
